<template>
    <div class="apply-items">
        <div class="left">
            <span class="avatar iconfont icon-morentouxiang"></span>
            <div class="user-right">
                <div class="name">{{item.name}}</div>
                <div class="phone">{{item.apply_phone || ''}}</div>
            </div>
        </div>
        <div  class="desc">描述:{{item.apply_content || '暂无'}}</div>
        <div>
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    props:{
        item:Object,
        sendshow:{
            type:Boolean,
            default:true
        },
        sendtext:{
            type:String,
            default:'接受'
        },
        accept:{
            type:Boolean,
            default:false
        },
        add:{
            type:Boolean,
            default:false
        },
    },
    methods:{
        sendSub(item){
            this.$emit('onsendSub',item)
        }
    }
}
</script>


<style lang="stylus">
.apply-items{
    padding 10px
    border-bottom 1px solid #f7f7f7
    .left{
        display flex
        align-items center
        flex 1
        .avatar{
            height:40px;
            font-size:40px;
            color:#757575;
            background:#eee;
            margin-right:10px;
            border-radius:3px;
        }
        .user-right{
            line-height:20px;
            flex 1
            .name{
                color:#333;
                font-size:14px;
                overflow hidden
                text-overflow ellipsis
                white-space nowrap
            }
            .phone{
                color:#555;
                font-size:12px;
            }
        }
    }
    .desc{
        font-size 12px
        margin 5px 0
        color #666
    }
    .applybtn{
        background #eeeeee
        color #555
        font-size 12px
        padding 3px 5px
        border-radius 2px
        min-width 50px
        height 25px
        flex-shrink 0
        &.accept{
            background #3d81cb
            color #fff
        }
        &.add{
            border 1px solid #3d81cb
            color #3d81cb
            background transparent
            border-radius 3px
        }
    }
}
</style>
